<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>分类</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/fenlei.css">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 720) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
        // 1rem = 34.7222px
    </script>
</head>
<body>
    <header>
        <span class="iconfont icon-sousuo6"></span>
        <input type="text" placeholder="请输入商品名称">
    </header>
    <nav>
        <ul>
            <li>
                <a href="#a">推荐</a>
            </li>
            <li>
                <a href="#b">xiaomi手机</a>
            </li>
            <li>
                <a href="#c">Redmi手机</a>
            </li>
            <li>
                <a href="#d">游戏手机</a>
            </li>
            <li>
                <a href="#e">电脑平板</a>
            </li>
            <li>
                <a href="#f">智能穿戴</a>
            </li>
            <li>
                <a href="#g">电视</a>
            </li>
            <li>
                <a href="#h">大家电</a>
            </li>
            <li>
                <a href="#i">小家电</a>
            </li>
            <li>
                <a href="#j">智能家居</a>
            </li>
            <li>
                <a href="#k">户外出行</a>
            </li>
            <li>
                <a href="#l">日用百货</a>
            </li>
            <li>
                <a href="#m">儿童用品</a>
            </li>
            <li>
                <a href="#n">有品精选</a>
            </li>
            <li>
                <a href="#o">小米服务</a>
            </li>
        </ul>
        <div class="nav_right">
            <!-- 推荐 -->
            <img src="./img/fenlei_1.png" alt="" id="a">
            <div>
                <h5>精选推荐</h5>
                <div>
                    <img src="./img/fenlei_2.png" alt="">
                    <aside>
                        <p>NOte 9 Pro 5G</p>
                        <p>￥1399 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_2.png" alt="">
                    <aside>
                        <p>NOte 9 Pro 5G</p>
                        <p>￥1399 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_2.png" alt="">
                    <aside>
                        <p>NOte 9 Pro 5G</p>
                        <p>￥1399 起</p>
                    </aside>
                </div>
            </div>
            
            <ul>
                <li>
                    <img src="./img/fenlei_nav1.png" alt="">
                    <a href="">小背包</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav2.png" alt="">
                    <a href="">数据线</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav3.png" alt="">
                    <a href="">小爱智能音箱</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav1.png" alt="">
                    <a href="">小背包</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav2.png" alt="">
                    <a href="">数据线</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav3.png" alt="">
                    <a href="">小爱智能音箱</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav1.png" alt="">
                    <a href="">小背包</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav2.png" alt="">
                    <a href="">数据线</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav3.png" alt="">
                    <a href="">小爱智能音箱</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav1.png" alt="">
                    <a href="">小背包</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav2.png" alt="">
                    <a href="">数据线</a>
                </li>
                <li>
                    <img src="./img/fenlei_nav3.png" alt="">
                    <a href="">小爱智能音箱</a>
                </li>
            </ul>
            <!-- 小米手机 -->
            <img src="./img/fenlei_nav5.png" alt="" id="b">
            <section>
                <a href="#b1"><span>Xiaomi Civi</span> </a>
                <a href="#b2"><span>Xiaomi 数字系列</span></a>
                <a href="#b3"><span>Xiaomi MIX系列</span></a>
                <a href="#b4"><span>手机配件</span></a>
            </section>
            <div>
                <h5 id="b1">Xiaomi Civi</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="b2">Xiaomi 数字系列</h5>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="b3">Xiaomi MIX系列</h5>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="b4">手机配件</h5>
                <ul>
                    <li>
                        <img src="./img/fenlei_nav7.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 红米手机 -->
            <img src="./img/fenlei_nav9.png" alt="" id="c">
            <section>
                <a href="#c1"><span>Note系列</span> </a>
                <a href="#c2"><span>K系列</span></a>
                <a href="#c3"><span>X系列</span></a>
                <a href="#c4"><span>数字系列</span></a>
                <a href="#c5"><span>Redmi手机配件</span></a>
            </section>
            <div>
                <h5 id="c1">Note系列</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="c2">K系列</h5>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="c3">X系列</h5>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="c4">数字系列</h5>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenlei_nav6.png" alt="">
                    <aside>
                        <p>Redmi K40 游戏增强版</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="c5">Redmi手机配件</h5>
                <ul>
                    <li>
                        <img src="./img/fenlei_nav7.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 游戏手机 -->
            <img src="./img/fenlei_nav10.png" alt="" id="d">
            <section>
                <a href="#d1"><span>游戏手机</span> </a>
                <a href="#d2"><span>游戏手机配件</span></a>
            </section>
            <div>
                <h5 id="d1">游戏手机</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="" >
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5 id="d2">游戏手机配件</h5>
                <ul>
                    <li>
                        <img src="./img/fenlei_nav7.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 电脑平板 -->
            <img src="./img/fenlei_nav11.png" alt="" id="e">
            <section>
                <a href=""><span>小米平板</span> </a>
                <a href=""><span>Redmibook</span></a>
                <a href=""><span>小米笔记本</span></a>
                <a href=""><span>显示器</span></a>
                <a href=""><span>电脑平板配件</span></a>
            </section>
            <div>
                <h5>小米平板</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>Redmibook</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>小米笔记本</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>显示器</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>电脑平板配件</h5>
                <ul>
                    <li>
                        <img src="./img/fenlei_nav7.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 智能穿戴 -->
            <img src="./img/fenlei_nav12.png" alt="" id="f">
            <section>
                <a href=""><span>耳机</span> </a>
                <a href=""><span>手表</span></a>
                <a href=""><span>手环</span></a>
            </section>
            <div>
                <h5>耳机</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>手表</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>手环</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
            </div>
            <!-- 电视 -->
            <img src="./img/fenlei_nav13.png" alt="" id="g">
            <section>
                <a href=""><span>电视</span> </a>
                <a href=""><span>小米电视大师</span></a>
                <a href=""><span>电视配件</span></a>
            </section>
            <div>
                <h5>电视</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>小米电视大师</h5>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <div>
                    <img src="./img/fenglei_nav6.png" alt="">
                    <aside>
                        <p>Redmi Note 10 Pro</p>
                        <p>￥1599 起</p>
                    </aside>
                </div>
                <h5>电视配件</h5>
                <ul>
                    <li>
                        <img src="./img/fenlei_nav7.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/fenlei_nav8.jpg" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 大家电 -->
            <img src="./img/fenlei_nav14.png" alt="" id="h">
            <section>
                <a href=""><span>空调</span> </a>
                <a href=""><span>洗衣机</span></a>
                <a href=""><span>冰箱</span></a>
                <a href=""><span>厨房大电</span></a>
            </section>
            <div>
                <h5>空调</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>洗衣机</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>冰箱</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>厨房大电</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 小家电 -->
            <img src="./img/fenlei_nav15.png" alt="" id="i">
            <section>
                <a href=""><span>厨房小电</span> </a>
                <a href=""><span>清洁电器</span></a>
                <a href=""><span>环境电器</span></a>
                <a href=""><span>生活电器</span></a>
            </section>
            <div>
                <h5>厨房小电</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>清洁电器</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>环境电器</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>生活电器</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 智能家居 -->
            <img src="./img/fenlei_nav16.jpg" alt="" id="j">
            <section>
                <a href=""><span>小爱音箱</span> </a>
                <a href=""><span>路由器</span></a>
                <a href=""><span>智能安防</span></a>
                <a href=""><span>智能控制</span></a>
            </section>
            <div>
                <h5>小爱音箱</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>路由器</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>智能控制</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>智能安防</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 户外出行 -->
            <img src="./img/fenlei_nav17.png" alt="" id="k">
            <section>
                <a href=""><span>户外出行</span> </a>
                <a href=""><span>箱包</span></a>
            </section>
            <div>
                <h5>户外出行</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>箱包</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 日用百货 -->
            <img src="./img/fenlei_nav18.png" alt="" id="l">
            <section>
                <a href=""><span>家居日用</span> </a>
                <a href=""><span>防护清洁</span></a>
            </section>
            <div>
                <h5>家居日用</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>防护清洁</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 儿童用品 -->
            <img src="./img/fenlei_nav19.png" alt="" id="m">
            <section>
                <a href=""><span>儿童用品</span> </a>
            </section>
            <div>
                <h5>儿童用品</h5>
                <ul>
                    <li>
                        <img src="./img/eeeee.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/eeeee.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/eeeee.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/eeeee.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/eeeee.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/eeeee.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 有品精选 -->
            <img src="./img/fenlei_nav20.png" alt="" id="n">
            <section>
                <a href=""><span>今日上线</span> </a>
                <a href=""><span>有品爆品</span></a>
                <a href=""><span>居家大件</span> </a>
            </section>
            <div>
                <h5>今日上线</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>有品爆品</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>居家大件</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
            <!-- 小米服务 -->
            <img src="./img/fenlei_nav21.png" alt="" id="o">
            <section>
                <a href=""><span>通讯服务</span> </a>
                <a href=""><span>手机服务</span></a>
                <a href=""><span>家电服务</span> </a>
            </section>
            <div>
                <h5>通讯服务</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>手机服务</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
                <h5>家电服务</h5>
                <ul>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">充电宝</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                    <li>
                        <img src="./img/qwqw.png" alt="">
                        <a href="">手机保护壳</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <footer>
        <ul>
            <li>
                <img src="./img/icon-home.c1947eda40.png" alt="">
                <a href="./index.html">首页</a>
            </li>
            <li>
                <img src="./img/icon-category-selected.252b82a2d7.png" alt="">
                <a href="./分类.html">分类</a>
            </li>
            <li>
                <img src="./img/icon-star.d051789804.png" alt="">
                <a href="./miquan.html">米圈</a>
            </li>
            
            <li>
                <img src="./img/icon-cart.585c3aa4d3.png" alt="">
                <a href="./gouwuche.html">购物车</a>
            </li>
            <li>
                <img src="./img/icon-user.23496a0116.png" alt="">
                <a href="./wode.html">我的</a>
            </li>
        </ul>
    </footer>
</body>
</html>